<template>
	<view class="box">
		<view class="bb">
			领个红包 点外卖
		</view>
		<view class="aa" v-for="(item,index) in aa" :key="item.id">
			<image :src="item.src" mode="widthFix"></image>
		</view>
		<view class="dd">
		   <view class="cc" v-for="(item,index) in cc" :key="item.id">
			
				<image :src="item.src" mode="widthFix"></image>
		   </view>	
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				aa:[
					{
						id:1,
						src:'../../static/7.png'
					},
					{
						id:2,
						src:'../../static/8.jpg'
					}
				],
				cc:[
					{
						id:1,
						src:'../../static/9.jpg'
					},
					{
						id:2,
						src:'../../static/10.jpg'
					}
				],
			}
		}
	}
</script>

<style>
	.box{padding: 0;margin: 0;}
	.aa image{width: 100%;}
	.bb{width: 100%;text-align: center;font-size: 60rpx;color: #772D10;font-weight: 700;margin: 50rpx 0;}
	.cc{width: 45%;margin: auto;display: flex;margin: auto;}
	.dd{width: 100%;display: flex;}
</style>